<template>
    <div>
        <p>
            技师ID：<span>{{ props.renderRow.technician_id }}</span>，
            姓名：<span>{{ props.renderRow.technician_name }}</span>，
            电话：<span>{{ props.renderRow.tel }}</span>
        </p>
        <p>
            正在发出求救信号，技师当前求救地址：
            <span>
            <el-icon><LocationInformation/></el-icon>
            {{ props.renderRow.address }}
            </span>
        </p>
    </div>
</template>
<script setup lang="ts">
import {TableColumnCtx} from 'element-plus'
import {Location, LocationInformation} from "@element-plus/icons-vue";

interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}

const props = defineProps<Props>()

console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)

</script>
<style scoped lang="scss">
span {
    color: #ff4040;
    font-weight: bold;
}
</style>
